<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>LK 播放器</title>
        <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="../fontawesome/css/all.css">
        <link rel="stylesheet" href="./index.css">
    </head>
    <body>
        <div class="container mt-4">
            <button type="button" id="id-button-add" class="btn btn-danger mt-4">
                添加本地歌曲
            </button>
<!--            在 index.html里直接搜索歌曲，inputValue 传不到 search.js 这里用户体验不好暂时没有解决-->
<!--            <input type="text" id="id-input-search">-->
            <button type="button" id="id-button-search" class="btn btn-warning mt-4">搜索网络歌曲</button>
            <div id="id-tracks" class="mt-4">
            </div>
        </div>
        <div class="container fixed-bottom bg-white pb-4">
            <hr/>
            <div class="row my-2" id="player-status">
            </div>
            <div class="progress">
                <div class="progress-bar progress-bar-striped bg-warning" id="player-progress"
                     role="progressbar" style="width: 0%;">
                    0%
                </div>
            </div>
        </div>
        <script>
            require('./index.js')
        </script>
    </body>
</html>
